<!-- 支付成功（失败） -->
<template>
  <div class="paid">
    <i class="icon icon-pay-success"></i>
    <div class="res-text">支付成功</div>
    <div class="product-name">恭喜您成功购买数字资产一季</div>
    <div class="btns">
      <span class="look">查看订单</span>
      <span class="back">返回首页</span>
    </div>
  </div>
</template>

<script>
  export default {
    data () {
      return {}
    }
  }
</script>

<style lang="scss" scoped>
  .btns{
    margin-top: 45px;
    > *{
      border-radius: 4px;
      border: 1px solid #D0D0D0;
      padding: 0.14rem 1.42rem;
      color: #999999;
      margin: 1rem;
    }
    .look{
      background-color: transparent;
    }
    .back{
      background-color: #F6F6F6;
    }
  }
  .product-name{
    color: #999999;
    margin-top: 15px;
  }
  .res-text{
    color: #333333;
    font-size: 1.28rem;
  }
  .paid{
    background-color: #ffffff;
    height: 100vh;
    width: 100vw;
    text-align: center;
  }
  .icon-pay-success{
    margin-top: 100px;
  }
  .icon-pay-success{
    width: 100px;
    height: 100px;
    background-image: url("../../../static/images/common/pay_success.png");
  }
</style>
